<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>INDEX</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" href="/js/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="/js/assets/css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="/assets/css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="/js/assets/css/responsive.min.css">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/js/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/js/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/js/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="/js/assets/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="/js/assets/ico/favicon.png">
    <script src="/js/corner.js" type="text/javascript"></script>
    <script src="/js/all.js" type="text/javascript"></script>
    <script src="/js/subnav.js" type="text/javascript"></script>
    {% block style %}
    {% endblock %}
    {% block title %}
        <title>sns</title>
    {% endblock %}
</head>
<body>
{% block type_menu %}
{% endblock %}
{% block top %}
    <div id="wrap">
    <!-- Fixed Navbar -->
    <div class="navbar navbar-fixed-top navbar-inverse">
        <div class="navbar-inner">
            <div class="container">
                <!-- Collapsed Navbar -->
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <!-- Brand -->
                <a class="brand" href="/">LOGO</a>
                <!-- Nav  -->
                <div class="nav-collapse collapse">
                    <ul class="nav pull-right">
                        <li><a href="/articleIndex/">Create Article</a></li>
                        <li>
                            <form class="navbar-search">
                                <input type="text" class="search-query" placeholder="Search">
                            </form>
                        </li>
                        <li><a href="/signup/">Sign Up</a></li>
                        <li><a href="/login/">Sign In</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    {% block category %}

    {% endblock %}

    <!--<div class="more">
                <div class="moretype">
                    <ul id="sddm">
                        <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()" class="qiehuan1">更多类别</a>

                            <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" class="div1">
                                <dl><a href="#">音乐</a></dl>
                                <dl><a href="#">音乐</a></dl>
                                <dl><a href="#">音乐</a></dl>
                                <dl><a href="#">音乐</a></dl>
                                <dl><a href="#">音乐</a></dl>
                            </div>
                        </li>
                    </ul>
                </div>
            </div> -->


{% endblock %}
{% block rank %}

{% endblock %}
{% block detail %}

{% endblock %}
</div>
</body>
<script src="/js/jquery-1.7.2.js" type="text/javascript"></script>
{% block js %}

{% endblock %}
</html>